.s-btn-primary {
	background: #5677fc !important;
	color: #fff;
}

.s-shadow-primary {
	box-shadow: 0 10rpx 14rpx 0 rgba(86, 119, 252, 0.2);
}

.s-btn-danger {
	background: #eb0909 !important;
	color: #fff;
}

.s-shadow-danger {
	box-shadow: 0 10rpx 14rpx 0 rgba(235, 9, 9, 0.2);
}

.s-btn-warning {
	background: #fc872d !important;
	color: #fff;
}

.s-shadow-warning {
	box-shadow: 0 10rpx 14rpx 0 rgba(252, 135, 45, 0.2);
}

.s-btn-green {
	background: #07c160 !important;
	color: #fff;
}

.s-shadow-green {
	box-shadow: 0 10rpx 14rpx 0 rgba(7, 193, 96, 0.2);
}

.s-btn-blue {
	background: #007aff !important;
	color: #fff;
}

.s-shadow-blue {
	box-shadow: 0 10rpx 14rpx 0 rgba(0, 122, 255, 0.2);
}

.s-btn-white {
	background: #fff !important;
	color: #333 !important;
}

.s-btn-gray {
	background: #bfbfbf !important;
	color: #fff !important;
}

.s-btn-black {
	background: #333 !important;
	color: #fff !important;
}
.s-btn-brown{
	background: #ac9157 !important;
	color: #fff !important;
}

.s-btn-gray-black {
	background: #f2f2f2 !important;
	color: #333;
}

.s-btn-gray-primary {
	background: #f2f2f2 !important;
	color: #5677fc !important;
}

.s-gray-primary-hover {
	background: #d9d9d9 !important;
}

.s-btn-gray-green {
	background: #f2f2f2 !important;
	color: #07c160 !important;
}

.s-gray-green-hover {
	background: #d9d9d9 !important;
}

.s-btn-gray-danger {
	background: #f2f2f2 !important;
	color: #eb0909 !important;
}

.s-gray-danger-hover {
	background: #d9d9d9 !important;
}

.s-btn-gray-warning {
	background: #f2f2f2 !important;
	color: #fc872d !important;
}

.s-gray-warning-hover {
	background: #d9d9d9 !important;
}

.s-shadow-gray {
	box-shadow: 0 10rpx 14rpx 0 rgba(191, 191, 191, 0.2);
}

.s-hover-gray {
	background: #f7f7f9 !important;
}

.s-black-hover {
	background: #555 !important;
	color: #e5e5e5 !important;
}
.s-brown-hover{
	background: #A37F49 !important;
	color: #e5e5e5 !important;
}

/* button start*/

.s-btn {
	width: 100%;
	position: relative;
	border: 0 !important;
	border-radius: 6rpx;
	padding-left: 0;
	padding-right: 0;
	overflow: visible;
}

.s-btn::after {
	content: '';
	position: absolute;
	width: 200%;
	height: 200%;
	transform-origin: 0 0;
	transform: scale(0.5, 0.5) translateZ(0);
	box-sizing: border-box;
	left: 0;
	top: 0;
	border-radius: 12rpx;
	border: 0;
}

.s-text-bold {
	font-weight: bold;
}

.s-btn-white::after {
	border: 1px solid #bfbfbf;
}

.s-white-hover {
	background: #e5e5e5 !important;
	color: #2e2e2e !important;
}

.s-dark-disabled {
	opacity: 0.6 !important;
	color: #fafbfc !important;
}

.s-dark-disabled-outline {
	opacity: 0.5 !important;
}

.s-gray-disabled {
	background: #f3f3f3 !important;
	color: #919191 !important;
	box-shadow: none;
}

.s-outline-hover {
	opacity: 0.5;
}

.s-primary-hover {
	background: #4a67d6 !important;
	color: #e5e5e5 !important;
}

.s-primary-outline::after {
	border: 1px solid #5677fc !important;
}

.s-primary-outline {
	color: #5677fc !important;
	background: transparent;
}

.s-danger-hover {
	background: #c80808 !important;
	color: #e5e5e5 !important;
}

.s-danger-outline {
	color: #eb0909 !important;
	background: transparent;
}

.s-danger-outline::after {
	border: 1px solid #eb0909 !important;
}

.s-warning-hover {
	background: #d67326 !important;
	color: #e5e5e5 !important;
}

.s-warning-outline {
	color: #fc872d !important;
	background: transparent;
}

.s-warning-outline::after {
	border: 1px solid #fc872d !important;
}

.s-green-hover {
	background: #06ad56 !important;
	color: #e5e5e5 !important;
}

.s-green-outline {
	color: #07c160 !important;
	background: transparent;
}

.s-green-outline::after {
	border: 1px solid #07c160 !important;
}

.s-blue-hover {
	background: #0062cc !important;
	color: #e5e5e5 !important;
}

.s-blue-outline {
	color: #007aff !important;
	background: transparent;
}

.s-blue-outline::after {
	border: 1px solid #007aff !important;
}

/* #ifndef APP-NVUE */
.s-btn-gradual {
	background: linear-gradient(90deg, rgb(255, 89, 38), rgb(240, 14, 44)) !important;
	color: #fff !important;
}

.s-shadow-gradual {
	box-shadow: 0 10rpx 14rpx 0 rgba(235, 9, 9, 0.15);
}

/* #endif */

.s-gray-hover {
	background: #a3a3a3 !important;
	color: #898989;
}

/* #ifndef APP-NVUE */
.s-gradual-hover {
	background: linear-gradient(90deg, #d74620, #cd1225) !important;
	color: #fff !important;
}

/* #endif */

.s-gray-outline {
	color: #999 !important;
	background: transparent !important;
}

.s-white-outline {
	color: #fff !important;
	background: transparent !important;
}

.s-black-outline {
	background: transparent !important;
	color: #333 !important;
}

.s-gray-outline::after {
	border: 1px solid #ccc !important;
}

.s-white-outline::after {
	border: 1px solid #fff !important;
}

.s-black-outline::after {
	border: 1px solid #333 !important;
}

.s-brown-outline {
	color: #ac9157 !important;
	background: transparent;
}
.s-brown-outline::after {
	border: 1px solid #ac9157 !important;
}

/*圆角 */

.s-fillet {
	border-radius: 50rpx;
}

.s-btn-white.s-fillet::after {
	border-radius: 98rpx;
}

.s-outline-fillet::after {
	border-radius: 98rpx;
}

/*平角*/
.s-rightAngle {
	border-radius: 0;
}

.s-btn-white.s-rightAngle::after {
	border-radius: 0;
}

.s-outline-rightAngle::after {
	border-radius: 0;
}
.s-btn__link::after {
	border: 0 !important;
}